<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>BulmaRazor Logo</title>
</head>
<style>
    .logo{
        width:140px;
        height: 45px;
        background: #000;
        /*background: #00d1b2;*/
        color:#fff;
        position: relative;
        margin: 200px auto;
        font-size: 24px;
        
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px 3px 5px;
    }
   
    .logo .b{
        color: #df564a;
    }
</style>
<body>

<div class="logo">
    <span class="b">B</span>u
    <span class="b">l</span>m
    <span class="b">a</span>Ra
    <span class="b">zor</span>
</div>

blazor
</body>
</html>